/* App - Profile
-----------------*/

/* import section start
-------------------------------- list
module/box.css
module/grid.css
module/composer.css
module/privacy.css
module/typeahead.css
module/feed_old.css
-------------------------------------*/

/* box  imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
/* box */
.box-holder {border-style:solid;border-width:1px;border-color:#94a3c4 #d8dfea;}
.box {border-bottom:1px solid #94a3c4;padding-bottom:10px;}
.box .box-header {background:#eceff5;border-top:1px solid #94a3c4;padding:5px 8px;overflow:hidden;text-align:right;}
.box .box-header small {display:block;font-size:12px;font-weight:normal;}
.box .box-header span {float:left;}
.box .box-header {clear:both;}
.box .box-body {padding:10px 8px 0;background:#fff;overflow: hidden;}

/* rounded box */
.rounded-box .corner {background:url(imgpro/box/gray_rounded_sprite.gif) no-repeat;}
.rounded-box .corner.tl {background-position:left top;}
.rounded-box .corner.tr {background-position:right top;padding:4px 0 0;}
.rounded-box .corner.bl {background-position:left bottom;}
.rounded-box .corner.br {background-position:right bottom;padding:0 0 4px;}
.rounded-box .corner-body {background:#f7f7f7;border:solid #cfcfcf;border-width:0px 1px;padding:1px 0;}

/*--CornerStyle 1 - Publisher --*/
.rcorner-s1,.rcorner-s1-l,.rcorner-s1-bottom,.rcorner-s1-bottom-l{ height:3px; font-size:0; background:url(imgpro/box/corner.png) 0 0 no-repeat; clear:both; display:block; position:relative; text-align:left;}

.rcorner-s1,.rcorner-s1-bottom{ right:-1px; width:auto;}
.rcorner-s1-l,.rcorner-s1-bottom-l{ left:-2px; width:3px;}
.rcorner-s1{ background-position:100% -6px; position:absolute; width:100%; margin-top:-1px;}
.rcorner-s1-l{ background-position:0 0;}
.rcorner-s1-bottom-l{ background-position:0 -3px;}
.rcorner-s1-bottom{ background-position:100% -9px; position:absolute; width:100%; bottom:-1px;}
*html .rcorner-s1-bottom{ bottom:-2px;}

/* grid imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.people-list {overflow:hidden;}
.people-list li {float:left;width:60px;}
.people-list li a {width:50px;height:50px;display:block;background-position:center center;background-repeat:no-repeat;margin:0 auto;}
.people-list li span.no-link {width:50px;height:50px;display:block;background-position:center center;background-repeat:no-repeat;margin:0 auto;}
.people-list li span {text-align:center;display:block;width:50px;margin:0 auto;overflow:hidden;}
.people-list li span a {height:2em;line-height:2em;overflow:hidden;}
.people-list li span.name {height:2em;line-height:2em;overflow:hidden;}

.people-grid .grid-row {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
.people-grid .grid-row.last {border:none;margin:0;padding:0;}
.people-grid .x-to-hide {float:right;}
.people-grid .people-image {float:left;width:58px;}
.people-grid .people-image a {width:50px;height:50px;display:block;background-repeat:no-repeat;background-position:center center;text-decoration:none;}
.people-grid .people-link {margin-left:58px;}

.img-grid .grid-row {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
.img-grid .grid-row.last {border:none;margin:0;padding:0;}
.img-grid .x-to-hide {float:right;}
.img-grid .gird-image {float:left;width:58px;}
.img-grid .gird-image img {width:50px;}
.img-grid .gird-link {margin-left:60px;}
.img-grid .gird-link h5 {font-weight:normal;}

.people-table td {width:60px;text-align:center;vertical-align:bottom;}
.people-table td span {height:2em;line-height:2em;overflow:hidden;display:block;width:50px;margin:0 auto;}

/* composer imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.m-composer{ clear:both; overflow:hidden;}

.m-composer-header{ overflow:hidden; zoom:1; padding-top:10px;}
.m-composer-header .headerimg{ float:left; width:100px; height:100px; margin-right:10px; background-position:center; background-repeat:no-repeat; }
.m-composer-header .headerimg.no-headerimg{width:92px;height:92px;border:4px solid #FEFFCF;}
.m-composer-header .statuspanel{ position:relative; float:left; overflow:hidden; width:440px; padding:0 0 5px 5px;  margin-bottom:7px;}
.m-composer-header .statuspanel .myname{ font-size:16px; font-weight:bold;}
.m-composer-header .statuspanel h1 {line-height:2.0em;padding-left:4px;float:left;}
*html .m-composer-header .statuspanel{ padding-bottom:8px;}
.m-composer-header .statuspanel .statusbox{ width:485px;}
*+html .m-composer-header .statuspanel{ padding-bottom:0;}
.m-composer-header .statuspanel span{}
.m-composer-header .statuspanel .morestatus{ position:absolute;  right:0;}
.m-composer-header .statuspanel .currentStatus{ font-size:14px; margin-left:5px; line-height:1.3em;}
.m-composer-header .statuspanel .statuscontent{ padding:8px 0 0 10px; float:left;}
.m-composer-header .statuspanel .currentStatus.hover{ background-color:#ff0000;}
.m-composer-header .statuspanel .editstatusbox{ border:1px solid #bdc7d8; border-bottom:0; border-right:0; background:#fcfcfc url(imgpro/bg/inputborder.gif) right bottom no-repeat; display:inline-block;}
*html .m-composer-header .statuspanel .editstatusbox{ padding:1px 2px 2px 2px;}
*+html .m-composer-header .statuspanel .editstatusbox{ padding-top:0;}
.m-composer-header .statuspanel .editStatus{ padding-left:1px; background:none; font-size:14px; width:350px; border:0; border-right:0;}
*html .m-composer-header .statuspanel .editStatus{margin-bottom:-1px;}
*+html .m-composer-header .statuspanel .editStatus{margin-bottom:-1px;}

.m-composer-header .statuspanel .editstatusbox .count{ float:none; display:inline; font-size:10px; margin-right:0; color:#808080;}
.m-composer-header .statuspanel .editstatusbox .count.full{ color:#ff0000;}
.m-composer-header .statuspanel .loading-img{ margin-right:5px;}
.m-composer-header .statuspanel .changetime{ color:#808080; margin:0 5px;}

.m-composer-channel{ padding:0 0 5px 0; margin-left:110px;}
.m-composer-channel li{ float:left; margin-right:5px; cursor:pointer;}
.m-composer-channel li a{ border:1px solid #fff;}
.m-composer-channel li.select{}
.m-composer-channel li.select span{ display:block; padding-bottom:6px; background:url(imgpro/bg/composer-bubble-bg.gif) center bottom no-repeat;}
.m-composer-channel li.select a{ color:#565656; font-weight:bold; border:1px solid #e4e4e4; border-top:1px solid #f1f1f1; border-bottom:0; background-color:#f5f5f5;}
.m-composer-channel li a{ padding:4px 8px 4px 26px; background-repeat:no-repeat; display:block;}
*+html .m-composer-channel li a{ height:18px; line-height:18px; padding:4px 8px 2px 26px;}

.m-composer-channel li a{ font-weight:bold; background-image:url(imgpro/icons/icons.png);}
.m-composer-channel .c-status{  background-position:0 -1942px;}
.m-composer-channel .c-blog{ background-position:0 -1056px;}
.m-composer-channel .c-album{ background-position:-120px -294px;}
.m-composer-channel .c-share{ background-position: -120px -470px;}
.m-composer-channel .gift{ background-position: 0 -1756px;}

.m-composer-content .errorbox{ border-bottom:1px solid #e2c822; padding:8px; margin:-19px -16px 10px -16px; background-color:#fff9d7; font-weight:bold;}

.m-composer-content{ clear:both; background:#e6e6e6; border:1px solid #c9c9c9; border-top:1px solid #a8a8a8;}
.m-composer-content .status-composer{ padding:10px 5px; background:#f1f1f1;}
.m-composer-content .status-composer .input-button{ margin-left:3px;}
.m-composer-content .status-composer .input-status{ color:#777; width:350px; margin-right:5px; font-size:14px;}
.m-composer-content .status-composer .count{ color:#777; font-size:10px; font-weight:bold; }
.m-composer-content .status-composer .count.full{ color:#ff0000;}

.m-composer-content .blog-composer,
.m-composer-content .album-composer,
.m-composer-content .share-composer{ zoom:1; padding:19px 16px 16px 16px; background-color:#f1f1f1;}

.m-composer-content .album-composer{ padding-top:0;}

.m-composer-content .blog-composer label.displayblock{ display:block;}
.m-composer-content .blog-composer .input-text,
.m-composer-content .blog-composer textarea{ width:99%;}
.m-composer-content .blog-composer .input-text{ height:18px;}
.m-composer-content .postbtn{ padding:5px; text-align:right;}

.m-composer-content .tokenizer{ border:1px solid #BDC7D8; width:490px; padding:0 3px 3px; background-color:#fff;}

.m-composer-content .album-composer .album-action{ margin:0 -16px 20px -16px; padding-top:3px; text-align:center; border-top:1px solid #dbdbdb;}
*html .m-composer-content .album-composer .album-action{ padding-top:0; margin-top:-2px;}
*+html .m-composer-content .album-composer .album-action{ padding-top:1px;}
.m-composer-content .album-composer .album-action a{ padding:5px 0 5px 10px; text-decoration:none;}
*html .m-composer-content .album-composer .album-action a{ zoom:1;}
.m-composer-content .album-composer .album-action a span{ padding:5px 10px 5px 0;}
*+html .m-composer-content .album-composer .album-action a span{margin:-5px 0 -5px 0;}
.m-composer-content .album-composer .album-action a.select span{ background:url(imgpro/box/well_tab.png) right -32px no-repeat;}
.m-composer-content .album-composer .album-action a.select{ font-weight:bold; color:#3d3d3d; background:url(imgpro/box/well_tab.png) left top no-repeat;}

*html .m-composer-content .album-composer .album-action a.select{ position:relative;}
*+html .m-composer-content .album-composer .album-action a.select{ position:relative;}

.m-composer-content .album-composer dt{ width:125px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .album-composer dd{ margin-bottom:5px;}
.m-composer-content .album-composer dd textarea{ overflow:auto;}
.m-composer-content .album-composer dd textarea,
.m-composer-content .album-composer dd .input-text{ width:320px; }

.m-composer-content .share-composer{}
.m-composer-content .share-composer dt{ width:125px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .share-composer dd{ margin-bottom:5px;}
.m-composer-content .share-composer dd textarea{ overflow:auto;}
.m-composer-content .share-composer dd textarea,
.m-composer-content .share-composer dd .input-text{ width:320px;}

.m-composer-content .blog-composer dt{ width:40px; text-align:right; float:left; margin-top:2px;}
.m-composer-content .blog-composer dd{ margin-bottom:5px;}
.m-composer-content .blog-composer dd textarea{ overflow:auto;}
.m-composer-content .blog-composer dd textarea,
.m-composer-content .blog-composer dd .input-text{ width:490px;}

.m-composer-content .blog-composer dd textarea,
.m-composer-content .album-composer dd textarea,
.m-composer-content .share-composer dd textarea{ font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif; font-size:12px; padding:3px;}

.m-composer .publish-notify{ margin-top:-5px; _height:35px; min-height:35px; padding:25px 15px 10px 10px; background:url(imgpro/bg/publishnotebg.gif) -74px top no-repeat;}
.m-composer .publish-notify .blog-notify{ padding-left:20px; margin-right:5px; line-height:1.5em; background:url(imgpro/icons/blog.gif) no-repeat left 0;}
.m-composer .publish-notify .postbtninotify{ float:right; padding:0 5px;}
.m-composer .publish-notify .closebtn{ float:right; width:10px; height:10px; margin-top:-12px; margin-right:-12px; background:url(imgpro/theme/xn/x_to_hide.gif) no-repeat center;}

/* privacy imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.privacy-widget{ position:relative; float:left; width:350px; }
.privacy-widget .lock{ float:left; width:20px; height:48px; *height:47px; background-color:#e2e6f0; border:1px solid #9ca4ba; border-right:0;}
.privacy-widget .lock .lockbg{ width:20px; height:20px; background:#e2e6f0 url(imgpro/icons/privacy_widget.png) -5px -5px no-repeat;}
.privacy-widget .who-canctab{ position:absolute; background-color:#fff; left:21px; width:97px; padding:3px; *padding-bottom:4px; border:1px solid #d5d5d5; border-left:0; border-bottom:0;}
.privacy-widget .setprivacy{ float:left; width:300px; margin-top:21px; padding:3px; background:#fff; border:1px solid #d5d5d5; border-left:0; }
.privacy-widget .setprivacy select{ width:300px; height:21px;}
*+html .privacy-widget .setprivacy select{ height:auto;}


/* typeahead imported on 2008-08-10
------------------------------------------------------------------------------------------------------*/
.typeahead_list{background:transparent;border:1px solid #bdc7d8;border-top:none;font-size:12px;margin-top:-1px;overflow:hidden;position:absolute;text-align:left;z-index:97;}
.generic_dialog .typeahead_list,
.typeahead_list_absolute{z-index:101;}
.typeahead_list .typeahead_suggestion,
.typeahead_list .typeahead_message{border-top:1px solid #ddd;padding:3px;}
.typeahead_list .typeahead_suggestion{background:#fff;color:#000;cursor:default;filter:alpha(opacity=94);opacity:0.94;width:100%;}
.typeahead_list .typeahead_suggestion:hover{cursor:pointer;cursor:hand;}
.typeahead_list .typeahead_suggestion em{background:#d8dfea;color:black;font-style:normal;font-weight:bold;}
.typeahead_list .typeahead_suggestion small{color:#808080;padding-left:5px;font-size:11px;font-family:MingLiu;}
.typeahead_list .typeahead_selected{background:#3B5888;color:#fff;filter:alpha(opacity=100);opacity:1;}
.typeahead_list .typeahead_selected small{color:#95A5C6;}
.typeahead_list .typeahead_selected em{background:#5670a6;color:#fff;}
.typeahead_list .typeahead_message{background:#eee;color:#333;}
input.typeahead_found{background-color:#e1e9f6;}
.typeahead_placeholder{color:#777;}
.typeahead_iframe{filter:alpha(opacity=0);left:0px;position:absolute;top:0px;z-index:1;}
.tokenizer{overflow:hidden;padding:0px 0px 3px 3px;width:100%;background:#fff;font-size:12px;}
.tokenizer_locked{background:#f4f4f4;}
.tokenizer,
.tokenizer *{cursor:text
}
.tokenizer input{width:100%;}
.tokenizer .tokenizer_input,
.tokenizer .token{margin-right:3px;margin-top:1px;}
.tokenizer .tab_stop,
.tokenizer .tokenizer_stretcher{display:block;float:left;overflow:hidden;width:0px;}
.tokenizer .tab_stop{height:0px;}
.tokenizer .tokenizer_stretcher{padding-top:7px;}
.tokenizer .tab_stop input{border:0px solid black;display:inline;position:relative;left:-500px;}
.tokenizer_input_borderless div{left:4px;margin-left:-1px;overflow:hidden;position:relative;}
.tokenizer_input_borderless div input{border:3px solid white!important;border-left:none;display:block;margin:-2px 0px -2px -2px;padding:0px!important;}
.tokenizer div:-moz-first-node{padding-top:1px!important;}
.tokenizer_input{width:150px;overflow:hidden;padding:1px 0px;}
.tokenizer_input input,
.tokenizer_input_shadow{border:0px solid black;font-size:12px;padding:3px 5px;white-space:pre;width:68px;margin-top:1px;}
.tokenizer_input_shadow{display:inline;left:-10000px;position:absolute;top:-10000px;}
.tokenizer .tokenizer_input_shadow{height:0px;display:block;left:0px;overflow:hidden;position:relative;top:0px;}
div.tokenizer .token{float:left;background-image:url(img/fb/token.gif);background-repeat:no-repeat;color:black;white-space:nowrap;margin-top:3px;}
div.tokenizer .token span{background-image:url(img/fb/token.gif);background-position:top right;background-repeat:no-repeat;display:block;}
div.tokenizer .token span span{background-position:bottom right;}
div.tokenizer .token span span span{background-position:bottom left;}
div.tokenizer .token span span span span{background-image:none;padding:2px 3px 2px 5px;}
div.tokenizer.tokenizer_locked .token span span span span{padding-right:5px;}
html div.tokenizer_locked .token:hover,
html div.tokenizer_locked .token:hover span{background-image:url(img/fb/token.gif);}
div.tokenizer .token:hover,
div.tokenizer .token:hover span{background-image:url(img/fb/token_hover.gif);text-decoration:none;}
div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span{background-image:url(img/fb/token_selected.gif);color:white;text-decoration:none;}
div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover{background-image:url(img/fb/token_x.gif);background-position:4px 2px;cursor:pointer;display:inline;padding:0px 8px 0 5px;}
div.tokenizer.tokenizer_locked .token span.x,
div.tokenizer.tokenizer_locked .token span.x_hover{display:none;}
div.standard_tokenizer div.tokenizer{border:solid 1px #8F96BD;}
#qsearch .typeahead_list{border:solid 1px #95A5C6;border-bottom:none;border-top:none;}
#qsearch .no_border_list{border:none;}
#qsearch .typeahead_list .typeahead_suggestion{filter:alpha(opacity=100);opacity:1.0;}
#qsearch .typeahead_list .typeaheadpro_header{background:#f7f7f7;font-size:9px;color:#555;padding:3px;border-top:solid 1px #95A5C6;}
#sidebar_content #qsearch.hourglass .typeahead_border{border-bottom:solid 1px #ccc;position:relative;z-index:101;}
#qsearch .blue_bottom_border{border-bottom:solid 1px #3B5888;}
#qsearch .typeahead_list .blue_top_border{border-top:solid 1px #95A5C6;}

/*---------------------------------------
Module autosug 080716 By YanQiang
---------------------------------------*/

.m-autosug{z-index:10; position:absolute; min-height:200px; min-width:100px; overflow:hidden;}
.m-autosug-iframe{ position:absolute; z-index:-1; height:100%;top:0;left:0;scrolling:no;}

.m-autosug .m-autosug-content{ border:1px solid #bdc7d8; background-color:#fff; }
.m-autosug ul li{ padding:3px 5px; border-bottom:1px solid #e0e0e0;}
.m-autosug p{ line-height:1.3em;}
.m-autosug em{ font-weight:bold; background-color:#d9e0ea;}
.m-autosug small{ font-size:11px; font-family:MingLiU; color:#878787; padding-left:3px;}

.m-autosug-content .m-autosug-hover{ background-color:#3b5998; color:#fff;}
.m-autosug-content .m-autosug-hover em{ background-color:#6670a6;}
.m-autosug-content .m-autosug-hover small{ color:#95a5c6; }

.min-width-rule{ width:110px; height:1px; font-size:0; margin-bottom:-1px; }

/*---------------------------------------
Module autosug END
---------------------------------------*/


/* feed 2008-10-10
------------------------------------------------------------------------------------------------------*/
/* Module - Feed
-------------------*/
.feed-holder {padding-top:10px;}
.feed-holder h3 {font-family:tahoma, mingliu;font-size:11px;color:#999;padding:3px 0;border-bottom:1px solid #ccc;margin-bottom:4px;}
.newsfeed-empty {text-align:center; color:#808080; padding: 1.0em 0; font-size: 1.2em; line-height: 1.5em;}
.newsfeed-empty-ajax {text-align:center; color:#333; background-color:#feffcf; border:1px solid #e2c822; margin:10px 0; padding: 10px 0; font-size: 1.2em; line-height: 1.5em;}
.feed-story {padding:10px 0;}
.feed-content .title .date {display:none;}

.news-feed .feed-content {width: 530px;}
.news-feed .feed-content .headline .title{width:530px;}
.news-feed .feed-content .headline .title h4 {width:460px; overflow:hidden;}

.more-feed {padding:6px 0 6px;text-align:right;}
.more-feed .mark-read {float:left;}
.more-feed .mark-read a {color:#808080;}

.more-feed-abox{ display:block; padding:10px 0; text-align:center;}
.more-feed-abox:hover{ background-color:#f7f7f7; text-decoration:none;}
.more-feed-abox h1.feedcollapse{ margin-bottom:3px; background:url(imgpro/icons/feedcollapse.gif) no-repeat 215px 2px;}
.more-feed-abox .gray{ color:#808080;}

.drop-nff {width:230px; background:none;}
.drop-nff .menu-item {width:100px;border:0;}
.drop-nff .set-nf a {display:block;padding:6px 10px 7px;}

.drop-nff .nff {}
.nff .nff_header{ padding:4px 0 4px 4px; width:226px; background-color:#fff; border:1px solid #333;}
.nff .nff_header .nff_active_marker{ cursor:pointer; float:left; height:23px; width:25px; background:#3b5888 url(imgpro/arrow/feed_filter_drop.gif) 0 -23px no-repeat; display:inline;}
.nff .nff_header .nff_menu_title{ float:left; color:#666; width:190px; padding:4px 0 0 5px; }
.nff  .nff_content{ margin-left:30px; background-color:#fff; width:200px; border:1px solid #333; border-top-width:0;}

.nff  .nff_content .nff_subtitle{ padding:8px 0 3px 10px; color:#808080;}
.nff  .nff_content .nff_itemlist{position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:-1px; padding-bottom:5px;}
.nff  .nff_content .nff_itemlist .menu-item{ width:auto; }
.nff  .nff_content .nff_modeselect .menu-item{ width:auto; padding-bottom:3px;}
.nff  .nff_content .nff_modeselect{ background-color:#eee;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode,
.nff  .nff_content .nff_modeselect .menu-item .fullmode{ padding-left:45px; background-image:url(imgpro/icons/newsfeedmodeicons.gif); background-repeat:no-repeat;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode{ background-position:10px -33px;}
.nff  .nff_content .nff_modeselect .menu-item .inlinemode.selected,
.nff  .nff_content .nff_modeselect .menu-item .inlinemode:hover{ color:#fff; background-color:#899bc1; background-position:10px 9px;}
.nff  .nff_content .nff_modeselect .menu-item #feedNormal.inlinemode.current{ background-position:10px -13px; }
.nff  .nff_content .nff_modeselect .menu-item #feedNormal.inlinemode.current:hover{ background-position:10px -54px; }

.nff  .nff_content .nff_modeselect .menu-item .fullmode{ background-position:10px -122px;}
.nff  .nff_content .nff_modeselect .menu-item .fullmode.selected,
.nff  .nff_content .nff_modeselect .menu-item .fullmode:hover{ color:#fff; background-color:#899bc1; background-position:10px -77px;}
.nff  .nff_content .nff_modeselect .menu-item .fullmode.current{ background-position:10px -100px; }
.nff  .nff_content .nff_modeselect .menu-item .fullmode.current:hover{ background-position:10px -146px;}

/* Global */
.feed-icon {float: left;font-size:1px;line-height:1px;width:16px;padding-top:7px;}
.feed-content {float: right;padding: 7px 0;border-bottom:1px solid #eceff5;}
.feed-content .headline .title {display: inline;float: left;}
.feed-content .headline .title h4 {font-weight: normal;font-size: 12px;color: #333;}
.bold-feed .feed-content .headline .title h4 {font-weight:bold;}
.feed-content .headline .title .share-n-hide {float: right;}
.feed-content .headline .title .share-n-hide .mini-share {float:left;margin:0 2px 0 0; }
.feed-content .headline .title .share-n-hide .x-to-hide {float:left;}
.feed-content .feedbody {padding: 4px 0 5px;color: #808080;width:500px;}
.feed-content .feedbody h5{font-size: 12px;color:#333;}
.feed-content .feedbody .dark {color:#555;}
.feed-content p.quote {clear:both;margin:2px 0 2px;}

.feed-guide {margin-top:10px;display:none;}
.feed-guide a, .feed-guide a:visited {background:#fff9d7;color:#666;display:block;border-left:5px solid #fde045;padding:2px 10px;}
.feed-guide a:hover{background:#fff6c6;text-decoration:none;color:#333;}
.playmedia, .media-player {margin:5px 0 0;}
.playmedia .pl-btn {display:block;text-indent:-9999em;outline:0;}
.media-player {display:none;}
.playing .feed-content {padding:5px 0 0;}
.playing .feed-guide {display:block;}
.playing .playmedia {display:none;}
.playing .media-player {display:block;}

.comment-feed {margin:10px 0 0;clear:both;}
.sub-title h5 {font-weight:normal;margin-bottom:5px;}

.mini-cmtbox {padding:6px 0 0;background:url(imgpro/box/box_bg.gif) no-repeat;}
.mini-cbody {background:#eceff5;padding:8px;}
.cmts-list {margin-bottom:10px;}
.mini-cmt {color:#333;margin:0 0 5px;line-height:1.2em;}
.mini-cmt .time {margin:0 5px;}
.mini-cmt .x-to-hide {display:inline-block;position:relative;top:1px;}
.mini-cbody textarea {width:476px;height:32px;}
.mini-cbody .err-msg {color:red;}
.mini-cfooter {padding:3px 0 0;}
.mini-cfooter input {margin-left:4px;}
.mini-cfooter .status-count {font-size:10px;font-weight:bold;}
.mini-cfooter .status-count.full {color:red;}

/* Type */
.text-story .feed-content {line-height:1.5em;}
.text-story .feed-content .feedbody {padding:2px 0;}

.photos-story .feed-content .photo-box {padding:4px 0 6px;}
.photos-story .feed-content .photo-box a {border: 1px solid #ccc;display: block;float:left;margin-right:10px;}
.photos-story .feed-content .photo-box a:hover {border: 1px solid #3b5888;}
.photos-story .feed-content .photo-box img {padding: 3px;}
.photos-story .feed-content .feedbody p {line-height:1.5em;}

.media-story .feed-content .feedbody {padding-top:5px;}
.media-story .feed-content .feedbody p {line-height:1.5em;}

.img-quote .feed-content .photo-box a {float:left;margin-right:10px;}
.img-quote .feed-content p.quote {clear:none;float:left;width:30em;line-height:1.5em;}

.people-u-mayknow .feed-content .headline .title h4{display:block}
/* Category */
.feed-status .toggle {color:#808080;}
.feed-blog .relate-usr {padding-top:5px;}

.share-music .playmedia .pl-btn {width:102px;height:29px;background:url(imgpro/media/p_m.png) no-repeat;}
.share-music .playmedia .pl-btn:hover {background-position:0 -29px;}
.share-video .playmedia .video-img {float:left;margin:0 10px 10px 0;}
.share-video .playmedia .pl-btn {width:120px;height:90px;background-repeat:no-repeat;background-position:center center;}
.share-video .playmedia .pl-btn span {cursor:pointer;display:block;height:28px;width:38px;background:url(imgpro/media/p_btn.png) no-repeat;margin:0 auto;position:relative;top:29px;}
.share-video .playmedia .pl-btn:hover span {background-position:0 -28px;}

.feed-movie .star-rating, .share-movie .star-rating {left:-1px;margin:2px 0 5px;}
.feed-movie .photo-box img {width:70px;}
.feed-flyer {background:#f7f7f7;position:relative;top:-1px;margin:0 -5px;padding:0 5px;border:solid #eceff5;border-width:1px 0;}
.feed-flyer .feed-content {border:0;}
.feed-im .feedbody {line-height:1.5em;padding:6px 0 5px;}

.status-holder {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d8dfea;}
.status-holder .actor-img a {float:left;margin-right:10px;display:block;background-position:center center;background-repeat:no-repeat;width:45px;height:45px;}
.status-content {float:left;width:480px;}
.status-content h4{margin-bottom:2px;}
.status-content p {line-height:1.5em;font-size:14px;}
.status-content p span,
.status-content p a {font-size:12px;}
.status-holder .share-n-hide {float:right;}
.status-holder .mini-cmtbox {margin-left:55px;}
.status-holder .mini-cbody {width:484px;}

/* Simple Mode */
.news-feed .s-mode .feedbody {display:none;}
.news-feed .s-mode .newsfeed-actions .share,
.news-feed .s-mode .feed-guide,
.news-feed .s-mode .comment-feed{display:none;}
.news-feed .s-mode .upload-avatar .feedbody,
.news-feed .s-mode .upload-photo .feedbody,
.news-feed .s-mode .feed-status .feedbody {display:block;}
.news-feed .s-mode .upload-avatar .feedbody img,
.news-feed .s-mode .upload-photo .feedbody img {clip:rect(auto 53px 53px auto);position:absolute;width:75px;}
.news-feed .s-mode .upload-avatar .feedbody .photo-box a,
.news-feed .s-mode .upload-photo .feedbody .photo-box a {width:56px;height:56px;float:left;}
.news-feed .s-mode .feed-flyer,
.news-feed .s-mode .feed-sponsor-poll {display:none;}

/* Filter & Ranking *we should put them in Layout.css* */
.feed-header {border-bottom:1px solid #d3dae8;padding-left:8px;}
.feed-filter {float:left;margin-bottom:-1px;}
.feed-filter li {float:left;margin:3px 3px 0 0;}
.feed-filter li a {outline:0;display:block;padding:4px 10px;background:#d8dfea;font-size:12px;font-weight:bold;}
.feed-filter li a:hover {background:#3b5888;color:#fff;text-decoration:none;}
.feed-filter li.current {border:1px solid #d8dfea;border-bottom:none;margin-top:0;}
.feed-filter li.current a {color:#333;font-size:14px;background:#fff;cursor:text;}
.feed-filter li.current a:hover {background:#fff;color:#333;}
.feed-filter li.extra-feed a {padding:4px 0;width:25px;background-image:url(imgpro/arrow/feed_filter_drop.gif);}
.feed-filter li.extra-feed a:hover {background-position:0 23px;}
.filter-view .headline .title .x-to-hide {}
.filter-loading {background:url(imgpro/indicator/blue_large.gif) no-repeat center 25px;padding:70px 0 30px;font-size:14px;text-align:center;color:#666;}
.view-mode {float:right;margin-top:6px;}
.view-mode a.current {color:#333;font-weight:bold;cursor:text;text-decoration:none;}

.star-rating {width:70px;height:12px;position:relative;background:url(imgpro/bg/rating_stars.gif);overflow:hidden;}
.star-rating li.current-rating{background:url(imgpro/bg/rating_stars.gif) 0 12px;position:absolute;height:12px;display:block;text-indent:-9999em;z-index:1;left:0;}
.star-rating li.star-1 {width:14px;}
.star-rating li.star-2 {width:28px;}
.star-rating li.star-3 {width:42px;}
.star-rating li.star-4 {width:56px;}
.star-rating li.star-5 {width:70px;}


/* import section end
-------------------------------------*/

.home .nav-column {width:135px;float:left;}
.home .main-page {width:805px;float:right;}
.home .blank-bar {padding-top:15px;float:left;clear:left;}

.home .home-body {float:left;width:555px;}
.home .home-sidebar {float:right;width:230px;}
.home .m-composer {width:555px;}

.home .side-item li {padding:0 10px 4px 0;}
.home .side-item li a {display:block;}
.home .side-item li span {color:#808080;}
.home .side-item .icon-list li {padding:5px 10px 5px 22px;line-height:1em;background-position:0 4px;}

.home .bookmarks .all-app {width:123px;height:312px;float:left;}
.home .bookmarks .all-apps {width:123px;border-left:1px solid #d8dfea;float:left;padding:0 10px;}
.home .bookmarks li.show-more a {font-size:12px;text-align:right;}
.home .bookmarks li {padding:0;}
.home .bookmarks li.title,
.home .bookmarks h5.title {color:#808080;padding-bottom:5px;font-weight:normal;}
.home .bookmarks li a {font-size:14px;padding:0 0 0 25px;background-position:0 6px;background-repeat:no-repeat;height:30px;line-height:30px;overflow:hidden;}
.home .bookmarks li .float-left {width:58px;}
.home .bookmarks li .float-right {color:#808080;font-size:12px;padding:0 10px 0 0;}

.home .bookmarks .app-actions { border-top:1px solid #d8dfea; padding:5px 10px; overflow:hidden; zoom:1;}
.home .bookmarks .app-actions li a {padding:0;font-size:12px;line-height:20px;height:20px;display:inline;}
.home .bookmarks .app-actions li{ float:left;}
.home .bookmarks .app-actions li.addmore a{ background:url(imgpro/icons/appadd.gif) left center no-repeat; padding:0 14px 0 16px; }
.home .bookmarks .app-actions li.appoption a{ background:url(imgpro/icons/appoption.gif) left center no-repeat; padding:0 0 0 16px; }

.home .side-item .expand {border-top:1px solid #d8dfea;margin:5px 10px 0 0;padding-top:5px;}

.home .home-sidebar .side-item .people-list li{width:60px;padding-bottom:10px;}
.home .home-sidebar .side-item .people-list li span.headpichold{ display:block; width:51px; height:51px; text-align:left; line-height:normal; padding:4px 0 0 4px; background:url(imgpro/bg/headbg-55.gif) left no-repeat;}
.home .home-sidebar .side-item .people-list li span.headpichold a{width:45px;height:45px;margin:0;}
.home .home-sidebar .side-item .people-list li span a {height:1.4em;line-height:1.8em;}
.home .home-sidebar .separator {height:0px;overflow:hidden;border-bottom:1px solid #e9e9e9;margin-bottom:10px;}

.home .birthdays li a {padding:1px 0;}
.home .birthdays li a.today, .home .birthdays li a:hover {background:url(imgpro/icons/birthday.gif) no-repeat right center;}
.home .birthdays li a.l-gift {display:block;width:16px;height:16px;background-repeat:no-repeat;}

.home .side-item-header {padding:3px 0;text-align:right;margin:0 10px;}
.home .side-item-header h4 {float:left;color:#333;}
.home .side-item-header h4 span {color:#808080;font-weight:normal;}
.home .side-item-body {padding:8px 0 10px 10px;}
.home .sidebar-holder {}

.home .nav-column .corner-body, .home .dropmenu-holder .corner-body {padding:0;}
.home .bookmarks .side-item-header {cursor:pointer;padding:4px 10px;margin:0;border-bottom:1px solid #ddd;}
.home .bookmarks .cursor-default {cursor:default;}
.home .bookmarks .side-item-header h4 {font-size:14px;}
.home .bookmarks .side-item-header h4 a {font-weight:normal;font-size:12px;}
.home .rounded-hover .corner.tl {background-position:0 -4px;}
.home .rounded-hover .corner.tr {background-position:right -4px;}
.home .rounded-hover .bookmarks .side-item-header {background-color:#EDF3FF;border:1px solid #afafaf;border-top:0;position:relative;left:-1px;margin-right:-2px;}


.home .request li strong {margin-right:3px;}

.home .home-sidebar .selected .png-holder {float:left;width:74px;cursor:pointer;}
.home .home-sidebar .selected .img-holder {float:left;margin-right:10px;}
.home .home-sidebar .selected .img-holder img {width:70px;}
.home .home-sidebar .selected .info { width:130px;margin-bottom:5px;margin-left:75px;}
.home .home-sidebar .selected .info h5 {border-bottom:1px solid #e9e9e9;padding:0 0 5px;margin:0 6px 5px 0;}
.home .home-sidebar .selected .more-actions{ margin-left:75px;}
.home .home-sidebar .selected .description {margin:3px 0;}

.home .footprint .side-item-body, .home .pymk .side-item-body {padding-bottom:0;}
.home .footprint .people-list {overflow:visible;}
.home .footprint .people-list li span img {float:left;margin:5px 1px 0 0;visibility:hidden;}
.home .footprint .people-list li.online span img {visibility:visible;}
.home .footprint .people-list li span.olname a {float:left;width:3em;}
.home .pymk .side-item-body .talk-online{display:block; margin-bottom:8px; clear:both}
.home .pymk .side-item-body .people-list li span a.name {width:3em;display:block;float:left;}
.home .pymk .side-item-body .people-list li span a.x-to-hide {width:14px;float:right;margin-top:3px;}

.home .im .side-item-body {padding-bottom:0;}
.home .im .side-item-body a {background:url(img/im_oly.png) no-repeat;display:block;height:45px;line-height:1.3em;padding:0 0 0 40px;color:#333;text-decoration:none;}
.home .im .side-item-body a span {display:block;color:#3b5888;text-decoration:none;}
.home .im .side-item-body a:hover span {text-decoration:underline;}

.home .invite .side-item-body {padding-bottom:0;}
.home .invite .side-item-body a {background:url(img/invite_ico.gif) no-repeat 0 2px;display:block;height:35px;line-height:1.3em;padding:7px 0 0 40px;}

.home .findfriends .side-item-body {padding-bottom:0;}
.home .findfriends .side-item-body a {background:url(img/newsfeed/findfriend_big.gif) no-repeat 0 2px; display:block; height:35px; line-height:1.3em; padding:7px 0 0 40px;}


.home .xn-publisher { padding-bottom:10px;}
.home .request {border-bottom:1px solid #edf3ff;padding-bottom:5px;margin-bottom:15px;}
.home .request .section-header {border-bottom:none;}
.home .request li {float:left;width:115px;line-height:1.8em;}
.home .star-new h4 {border-bottom:1px solid #edf3ff;line-height:1.5em;margin:0 0 10px;}
.home .star-new {padding-top:10px;}

.home .reply-notify {padding-bottom:10px;}
.home .section-header {text-align:right;line-height:1.8em;margin-bottom:5px;border-bottom:1px solid #edf3ff;}
.home .section-header .indexfeedcount{ float:left; font-size:11px; margin-left:3px;}
.home .section-header h2 {float:left;}
.home .section-header h2 span {font-size:12px;font-weight:normal;color:#808080;padding-left:3px;}
.home .feed-viewmode a {outline:0;}
.home .feed-viewmode .current {color:#333;font-weight:bold;cursor:default;text-decoration:none;}
.home .people-table td {width:63px;}

/*newsfeed dropmenu
-------------------*/
.home .section-header h2 .newsfeed-dropmenu-holder{ padding-left:3px; border-left:1px solid #3b5888; border-right:1px solid #3b5888;}
.home .section-header h2 .newsfeed-dropmenu-holder.active{ overflow:hidden; float:left; background-color:#7d90b5; border:1px solid #3b5888;}
.home .section-header h2 .newsfeed-dropmenu-holder a.dropaction{ display:block; float:left; background:url(/img/super_actions_d.gif) 0 0 no-repeat; margin-top:3px; width:15px; height:15px;}
.home .section-header h2 .newsfeed-dropmenu-holder a.dropaction:hover{ background-position:0 -17px; color:#7d90b5; }
.home .section-header h2 .newsfeed-dropmenu-holder.active a{ color:#fff;}
.home .section-header h2 .newsfeed-dropmenu-holder.active a.dropaction{ background-position:0 -17px; color:#7d90b5;}

.newsfeed-dropmenu{ position:absolute; z-index:9999; text-align:left; width:120px; background-color:#fff; }
.newsfeed-dropmenu .newsfeed-dropmenu-border{padding:5px 0; border:1px solid #3b5888;}
.newsfeed-dropmenu.indexfeednav{ top:34px;}
.newsfeed-dropmenu li{ list-style:none; border-bottom:1px solid #eee;}
.newsfeed-dropmenu li a{ padding-left:27px; height:25px; line-height:25px; display:block; background-repeat:no-repeat; background-position:7px;}
.newsfeed-dropmenu li a:hover{ background-color:#5d74a2; color:#fff; text-decoration:none;}
.newsfeed-dropmenu li a.noico{ padding-left:8px;}
.newsfeed-dropmenu li a.ac_blog{ background-image:url(/img/blog.gif);}
.newsfeed-dropmenu li a.ac_album{ background-image:url(/img/photo.gif);}
.newsfeed-dropmenu li a.ac_status{ background-image:url(/imgd/status.gif);}
.newsfeed-dropmenu li a.ac_share{ background-image:url(/img/share.gif);}
.newsfeed-dropmenu li a.ac_group{ background-image:url(/img/group.gif);}
.newsfeed-dropmenu li a.ac_acts{ background-image:url(/img/acts.gif);}
.newsfeed-dropmenu li a.ac_net{ background-image:url(/img/network.gif);}

/* Style For Notice */
.notice-holder{border-right:2px solid #E1E1E1;  border-bottom:2px solid #E1E1E1;  margin-bottom:15px;}
.notice{border:1px solid rgb(207,207,207);  padding:10px;  background:#FEFFCF;}
.notice.lightblue{background:#F2F4F7;}

/* Style For Invited Friend Reply */
.fri-invite .invite-content-holder{background:#F7F7F7;  border:1px solid #CCCCCC;  padding:10px;  margin-bottom:15px;}
.fri-invite .fri-photo{float:left;  display:block;  background-position:center center;  background-repeat:no-repeat;  width:100px;  height:100px;}
.fri-invite .fri-info{float:left;  width:430px;  margin-left:20px;  }
.fri-invite .fri-info h2 span{font-size:12px;  font-weight:normal;  color:#666666;}
.fri-invite .fri-action{float:left;  margin-left:20px;  width:160px;}
.fri-invite .fri-action p.checkbox{padding-top:2px;}
.fri-invite .fri-action p.text{padding:2px 0;}
.fri-invite .fri-action label{font-weight:normal;}
.fri-invite .fri-msg{margin-top:10px;  float:left;}
.fri-invite .fri-msg textarea{width:244px;  height:32px;  line-height:16px;  border:1px solid #8496BA;}
.fri-invite .fri-msg .send-btn{text-align:right;  margin-top:10px;}

/* two types of mini-feeds in guide page */
.people-u-mayknow .feedbody{
  padding-bottom: 8px;
}
.people-u-mayknow .feedbody .people-list{
  width:420px;
}
.people-u-mayknow .headline h2{
  width:420px !important;
  display:block !important;
  float:left;
}
.people-u-mayknow .feedbody .people-list li {
  margin: 6px 0px;
  background:url(/img/peoplelistbg.gif) no-repeat 0px 3px;
  width:50px;
  height:50px;
  padding:6px 10px;
}
.opi-content .question{
  color:#808080;
  padding:0 5px;
}
.opi-content .rate {
  color: #CC3300;
  padding: 0 5px;
}

/* 2008.09.25 New Version Home */
.menu-bar{background-color:#fff;padding-bottom:15px;}
.full-page-holder{border:none;width:960px;margin:0 auto;padding-top:0;background:url(imgpro/bg/nav_column.png) repeat-y;}
.full-page{background:url(imgpro/bg/nav_column_bottom.png) no-repeat left bottom;}
.home .blank-bar{padding-top:0;margin-left:3px;}

.home .bookmarks .app-list a.float-right, #moreAppShortcuts .app-list li.show-more a{font-weight:normal;}

.home-sidebar .corner.tl{background:#f7f7f7 url(imgpro/box/home_sidebar_tr.png) no-repeat;border-left:1px solid #CCC;}
.home-sidebar .corner.tr{background:url(imgpro/box/home_sidebar_tr.png) no-repeat right top;}
.home-sidebar .corner.bl{border:solid #F0F0F0;border-width:0 1px 1px 0;}
.home-sidebar .corner.bl, .home-sidebar .corner.br{background:none;}
.home-sidebar .corner-body{border:none;}

.home .nav-column{background:#fff; }
.home .nav-column .tr, .home .nav-column .bl, .home .nav-column .br{background:none;padding-bottom:0;}
.home .nav-column .tl{border:solid #cfcfcf;border-width:0 1px 1px 0;}
.home .nav-column .corner-body{border-right:none;}
.home .nav-column .side-item{background:#f0f0f0;}
.home .nav-column .side-item-header{background-color:#f7f7f7;}
.home .nav-column .side-item-header .option a{ padding-top:10px; padding-left:10px; background:url(imgpro/icons/triangle1.gif) center 14px no-repeat; text-indent:999;}

#moreAppShortcuts .tr, #moreAppShortcuts .bl, #moreAppShortcuts .br{background:transparent none;padding-bottom:0;}
#moreAppShortcuts .tl{border:solid #cfcfcf;border-width:0 1px 1px 0;}
#moreAppShortcuts .corner-body{border-right:none;}
#moreAppShortcuts .side-item{background:#FFFFFF;}
#moreAppShortcuts .side-item-header{background-color:#f7f7f7;}
#moreAppShortcuts.rounded-hover .side-item-header{background-color:#EDF3FF;}

.home .request li strong{font-weight:normal;}

/*2008-10-21 statuspanel modify*/
.m-composer-header .statuspanel .status-composer-bubble{ zoom:1; margin-top:7px; margin-left:-3px; overflow:hidden; clear:both; background:url(imgpro/bg/textarea_nub.gif) no-repeat left -10px; padding-left:5px;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner{ float:left; border:1px solid #bdc7d8; border-left:0;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner.disableinput,
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner.disableinput .status-composer-input{ background-color:#ddd; color:#808080;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner .status-composer-input{ border:0; width:360px; font-size:14px; height:19px; margin-top:2px;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-inner .status-composer-input.itsempty{ color:#808080;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-btn{ margin-left:5px;}
.m-composer-header .statuspanel .status-composer-bubble .status-composer-bubble-btn .input-button{ margin-top:2px;}







